﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <script src="~/js/frame.js"></script>
</head>
<body>
    <div class="framecontainer">
        <div class="cloud-panel">
            <div class="cloud-panel-header ">
                <div class="cloud-panel-title">操作日志管理</div>
            </div>
            <div class="cloud-panel-body">
                <div class="listcontainer">
                    <div class="searchop">
                        <div class="btnop">

                        </div>
                        <div class="btnop">
                            <span class="searchtext">开始时间：</span><input type="text" class="form-control form-date searchinput" id="StartDate" placeholder="选择开始时间" readonly="readonly">
                            <span class="searchtext">结束时间：</span><input type="text" class="form-control form-date searchinput" id="EndDate" placeholder="选择结束时间" readonly="readonly">
                            <button class="btn" type="button" onclick="BindGrid()"><i class="icon icon-search"></i><span class="searchtext">查询</span></button>
                        </div>
                    </div>
                    <div class="tableop">
                        <table class="GridStyle" id="CloudGrid" keyid="LogGuid" url="getOperateLogList" relationpageid="cloudpagination" otherparm="SearchParm" afterbind="AfterBindData">
                            <tr class="HeaderStyle">
                                <th scope="col" style="width: 10px;" field="index" rowalign="center">序</th>
                                <th scope="col" field="OperateContent" rowalign="left">操作内容</th>
                                <th scope="col" field="OperateDate" rowalign="center" style="width:150px">操作时间</th>
                                <th scope="col" field="OperateDisplayName" rowalign="left" style="width:100px">操作用户</th>
                                <th scope="col" field="FromIP" rowalign="left" style="width:150px">操作IP</th>
                            </tr>
                        </table>
                    </div>
                    <div class="bottomop">
                        <div class="pageop">
                            <ul class="pagination" id="cloudpagination"></ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <script>
        $(function () {
            BindGrid();
        })
        function BindGrid() {
            BindCloudGrid($("#CloudGrid"))
        }

        function SearchParm() {
            return {
                "StartDate": $("#StartDate").val(),
                "EndDate": $("#EndDate").val(),
            };
        }
        function AfterBindData() {

        }
    </script>
</body>
</html>
